<template>
  <div class="about pb70">
    <div class="about-banner">
    </div>
    <div class="menu-box container fix">
      <div class="menu">
        <my-menu :menuData="menuData"></my-menu>
      </div>
      <div class="menu-content">
        <router-view></router-view>
      </div>
    </div>
  </div>
</template>
<script type="text/javascript">
import MyMenu from '../components/Menu'
export default {
  components: {
    MyMenu
  },
  data() {
    return {
      menuData: [{
        name: '企业简介',
        url: '/about/brief'
      }, {
        name: '业务介绍',
        url: '/about/business'
      }, {
        name: '联系我们',
        url: '/about/contact'
      }, {
        name: '诚聘英才',
        url: '/about/hire'
      }, {
        name: '合作伙伴',
        url: '/about/honor',
        children: [{
          name: '诚信企业',
          url: '/about/honor'
        }, {
          name: '合作机构',
          url: '/about/parter'
        }]
      }]
    }
  }
}
</script>
<style type="text/css" scoped>
.about-banner {
  width: 100%;
  height: 300px;
  background: url(../assets/about-banner.jpg) no-repeat center;
  background-size: cover;
}
</style>
